import React, { PureComponent, Fragment } from 'react';
import PropTypes from 'prop-types';
import BackImage from '../../component/Home/BackImage';
import UseriInfo from '../../component/Home/UseriInfo';
import MoneyInfo from '../../component/Home/MoneyInfo';
import SystemInfo from '../../component/Home/SystemInfo';
import { inject, observer } from 'mobx-react';


@inject('store') @observer 
class Home extends PureComponent {
    render(){
        return(
            <Fragment>
                <BackImage store={ this.props.store }/>
                <UseriInfo store={ this.props.store }/>
                <MoneyInfo store={ this.props.store }/>
                <SystemInfo store={ this.props.store }/>
            </Fragment>
        )
    }
}

Home.prototype = {
    store: PropTypes.object.isRequired
}

export default Home;